<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/shopping-car.css" />
		<link rel="stylesheet" href="../font/iconfont.css">
		<script type="text/javascript" src="../js/jquery.js" ></script>
		<script type="text/javascript" src="../js/jquery.cookie.js" ></script>
		<script type="text/javascript" src="../js/shopping-car.js" ></script>
	</head>
	<body>
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-20
        	描述：首页头部
        -->
		<div class="header">
			<div class="header-inner">
				<a href="javascript:;" class="header-left">消费者告知书</a>
				<div class="header-user">
					<a href="login.html" class="login">登录</a>
					<span class="line">|</span>
					<a href="login.html" class="register">注册</a>
					<span class="line">|</span>
					<span class="ico-phone"></span>
					400-080-1888
					<span class="line">|</span>
					<a href="javascript:;" class="da">
						下载达令
						<div class="download">
							<span class="arrow-7-5"></span>
							<span class="pic-code"></span>
						</div>
					</a>
				</div>
			</div>
		</div>
		<!--购物车部分开始-->
		<div class="cart ready">
			<div class="cart-top clear">
				<a class="logo" href="../index.html"></a>
				<div class="cart-step">
					<ul>
						<li class="step-1 current">
							<span class="triangle"></span>
							<span class="icon-number">1</span>
							查看购物车
						</li>
						<li>
							<span class="triangle"></span>
							<span class="icon-number">2</span>
							确认订单信息
							<span class="icon-to"></span>
						</li>
						<li>
							<span class="triangle"></span>
							<span class="icon-number">3</span>
							成功提交订单
						</li>
					</ul>
				</div>
			</div>
			<!--订单列表头部-->
			<!--
            	作者：838300414@qq.com
            	时间：2016-07-23
            	描述：订单列表头部，购物车为空的情况下
            -->
			<div class="cart-table empty">
				<div class="cart-thead">
					<ul>
						<li class="th th-check">
							<label><input type="checkbox" class="check">全选</label>
						</li>
						<li class="th th-name">商品名称</li>
						<li class="th th-price">单价(元)</li>
						<li class="th th-number">数量</li>
						<li class="th th-total">小计(元)</li>
						<li class="th th-handle">操作</li>
					</ul>
				</div>
				<table cellpadding="0" cellspacing="0" class="data-empty" >
					<tbody>
						<tr>
							<td align='center' valign='middle'>
								<strong></strong>
								<span>购物车空空的哦~，去看看心仪的商品吧
									<br>
									<a href="javascript:;">去购物></a>
								</span>
							</td>
						</tr>
					</tbody>
				</table>
			<!--
            	作者：838300414@qq.com
            	时间：2016-07-23
            	描述：订单列表头部，购物车不为空的情况下，用一下样式替换空的table
            -->
				<div class="cart-list" style="display: none;">
					<div class="thead">
						<div class="thead-contain">
							<input type="checkbox" class="check"/>
							<span class="ico-active">
								<span class="ico-d-4"></span>
								无敌价
							</span>
							<span>价格无敌，手慢无</span>
						</div>
					</div>
					<ul class="goods clear" style="display: none;">
						<li class="td td-check">
							<input type="checkbox" class="check" checked>
						</li>
						<li class="td td-good">
							<!--购物车中商品图片-->
							<a href="javascript:;" class="cover clear">
								<div class="img cover-img pic_src"></div>
							</a>
							<a href="javascript:;" class="name clear">
								<!--获取标题信息-->
								<span class="title">这是标题部分</span>
							</a>
						</li>
						<li class="td td-price">
							<p>
								￥
								<span class="price">1100.00</span>
							</p>
						</li>
						<li class="td td-number">
							<div class="clear">
								<a href="javascript:;" class="btn-number f1" style="font-weight:bold">
									<span class="ico-reduce"></span>
								</a>
								<input type="text" class="number-in">
								<a href="javascript:;" class="btn-number f1 btn-add" style="font-size:26px;">
									<span class="ico-add"></span>
								</a>
							</div>
						</li>
						<!--小计-->
						<li class="td td-total">
							￥
							<span class="total"></span>
						</li>
						<li class="td td-handle">
							<a href="javascript:;" class="delete11">删除</a>
							<br>
						</li>
					</ul>
				</div>
			</div>
			<div class = 'total-bo' style="display: none;">
				<div class="total-box">
					<label for="" class="sel-all">
						<input type="checkbox">全选
					</label>
					<div class="option">
						<a href="javascript:;">删除选中的商品</a>
						<a href="javascript:;">移到我的收藏</a>
					</div>
					<div class="toolbar clear">
						<a href="javascript:;" class="btn-count">去结算</a>
						<div class="total-count">
							<p>
								<span class="item">总金额:</span>
								<span class="sumprice rede1">
									￥<span class="f20">0.00</span>
								</span>
							</p>
							<p>
								<span class="item">已节省:</span>
								-￥
								<span>0.00</span>
							</p>
						</div>
						<div class="amount">
							已选中
							<span class="rede1">0</span>
							件商品
						</div>
					</div>
				</div>
			</div>
			<!--我的收藏-->
			<div class='cart-collection'></div>
		</div>
		<!--
        	作者：838300414@qq.com
        	时间：2016-07-20
        	描述：底部
        -->
        <!-----------bottom------------>
		<div class="bottom-wrap">
			<div class="bottom">
				<ul class="bottom-ul">
					<li class="bu-li0">为什么选择达令</li>
					<li class="bu-li1">100多个品牌授权</li>
					<li class="bu-li2">24小时内发货</li>
					<li class="bu-li3">保税区正品</li>
				</ul>
			</div>
		</div>
		<!--------footer--------->
		<div class="footer-wrap">
			<div class="footer">
				<div class="footers">
				<div class="footers-left">
					<h3 class="fl-h">
						投资人说达令
					</h3>
					<p class="fl-p">"hi,达令,我是鹿晗,达令投资人,投资比影响力更重要的是责任。"</p>
				</div>
				<div class="footers-left footers-right">
					<h3 class="fl-h">
						投资人说达令
					</h3>
					<p class="fl-p">"达令一手全球好货--带您购全球,教您神马值得买。<br />
						连续两年荣获App store 编辑推荐最佳购物类应用!"</p>
				</div>
				</div>
			</div>
		</div>
		<!--------footerls--------->
		<div class="footerls-wrap">
			<div class="footerls">
				<p class="fls-p1">
					<a href="../index.html">首页</a>
					<a href="javascript:;">网站地图</a>
					<a href="javascript:;">消费者告知书</a>
					<a href="javascript:;">优惠券使用规则</a>
					<a href="javascript:;">退换货使用说明</a>
					<a href="javascript:;">关于我们</a>
					<a style="border-right:0;" href="javascript:;">联系我们</a>
				</p>
				<p class="fls-p2">
					<span class="fp-a">北京普缇客科技有限公司</span>
					<span class="fp-a2">
						<a href="javascript:;"><img src="../images/footers-bg1.jpg"></a>
						<a href="javascript:;"><img src="../images/footers-bg2.jpg"/></a>
						<a href="javascript:;"><img src="../images/footers-bg3.jpg"/></a>
					</span>
				</p>
				<p class="fls-p">
					Copyright &copy; 2016达令 ,All Rights Reserved | 京ICP备14009583号-1 | 京公网安备11010502027399 | 食品流通许可证编号 : SP1101051510323113
				</p>
			</div>
		</div>
	</body>
</html>
